<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>个人中心</title>
		<link rel="stylesheet" type="text/css" href="css/common.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/PersonalInformation.css" />
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="PersonalInformation">
			<!--头部-->
			<div class="mainMenu">
				<div class="blur"></div>
				<div class="close">
					<img src="img/index/close_icon.png" />
				</div>
				<ul>
					<li>
						<a href="accountSecurity.html">账户安全</a>
					</li>
					<li><a href="#">地址管理</a></li>
					<li>
						<a href="PersonalInformation.html">个人信息</a>
					</li>
					<li>
						<a href="commonDocuments.html">常见问题</a>
					</li>
					<li>
						<a href="insideLetter.html">站内信</a>
					</li>
					<li><a href="">退出登录</a></li>
				</ul>
			</div>
			
			<header class="Pending_Header">
				<ul>
					<li class="backArr">
						<!--<img src="img/Information_consultation/left.png"/>-->
					</li>
					<li class="logo">
						<img src="img/Pending_payment/or_logo.png" />
					</li>
					<li class="menuIcon">
						<!--<div class="count">13</div>-->
						<img src="img/Pending_payment/menu_icon.png" alt="" />
					</li>
				</ul>
			</header>
			<!--主要内容-->
			<div class="content">
				<!--个人信息-->
				<section>
					<div class="individual">
						<!--头像-->
						<div class="HeadPortrait">
							<div class="Img"><img src="img/PersonalInformation/-bilibili_77.png" /></div>
						</div>
						<!--信息-->
						<div class="information clearfix">
							<div class="name">Kayi.Sun</div>
							<div class="VerticalBar"><i></i></div>
							<div class="gender">女</div>
						</div>
						<!--收藏评价-->
						<div class="OrderToEvaluate clearfix">
							<div class="order">
								<a href="#">订 单</a>
							</div>
							<div class="VerticalBar"><i></i></div>
							<div class="collect">
								<a href="#">收藏</a>
							</div>
							<div class="VerticalBar"><i></i></div>
							<div class="appraise">
								<a href="#">待评价</a>
							</div>
						</div>
					</div>
				</section>
				<!--查看货物-->
				<section>
					<div class="ToCheckTheGoods clearfix">
						<div class="PaymentPending">
							<a href="#">
								<div class="PaymentPending_Img">
									<img src="img/PersonalInformation/Ksd_08.png" />
								</div>
								<div class="PaymentPending_content">待付款</div>
							</a>
						</div>
						<div class="ToSendTheGoods">
							<a href="#">
								<div class="ToSendTheGoods_Img">
									<img src="img/PersonalInformation/Ksd_03.png" />
								</div>
								<div class="ToSendTheGoods_content">待发货</div>
							</a>
						</div>
						<div class="HasBeenShipped">
							<a href="#">
								<div class="HasBeenShipped_Img">
									<img src="img/PersonalInformation/Ksd_05.png" />
								</div>
								<div class="HasBeenShipped_content">已发货</div>
							</a>
						</div>
					</div>
				</section>
				<!--图片-->
				<section>
					<div class="Or_Img">
						<ul class="clearfix">
							<li><a href="#"><img src="img/PersonalInformation/or_07.jpg" /></a></li>
							<li><a href="#"><img src="img/PersonalInformation/or_10.jpg" /></a></li>
							<li><a href="#"><img src="img/PersonalInformation/or_12.jpg" /></a></li>
						</ul>
					</div>
				</section>
			</div>
			<!--底部-->
			<footer class="indexFooter">
				<ul>
					<li>
						<img src="img/index/home_icon.png" />
					</li>
					<li>
						<img src="img/index/id_icon.png" />
					</li>
					<li>
						<img src="img/index/buy_icon.png" />
					</li>
					<li>
						<img src="img/index/service_icon.png" />
					</li>
				</ul>
			</footer>
		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mainMenu.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>